<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小游戏平台</title>
    <link rel="stylesheet" href="styles/main.css">
</head>

<body>
    <div id="app">
        <!-- 注册界面 -->
        <div id="register-screen" class="screen">
            <div class="auth-container">
                <h1>注册账户</h1>
                <form id="register-form">
                    <input type="text" id="reg-username" placeholder="用户名" required>
                    <input type="password" id="reg-password" placeholder="密码（至少6位）" required>
                    <input type="password" id="reg-confirm-password" placeholder="确认密码" required>
                    <button type="submit">注册</button>
                </form>
                <p class="switch-auth">已有账户？<a href="#" id="show-login">立即登录</a></p>
            </div>
        </div>

        <!-- 登录界面 -->
        <div id="login-screen" class="screen active">
            <div class="auth-container">
                <h1>小游戏平台</h1>
                <form id="login-form">
                    <input type="text" id="username" placeholder="用户名" required>
                    <input type="password" id="password" placeholder="密码" required>
                    <button type="submit">登录</button>
                </form>
                <p class="switch-auth">没有账户？<a href="#" id="show-register">立即注册</a></p>
                <div class="admin-hint">
                    <p>管理员账户: admin / admin123</p>
                </div>
            </div>
        </div>

        <!-- 游戏选择界面 -->
        <div id="game-menu" class="screen">
            <div class="menu-container">
                <div class="user-info">
                    <span>欢迎，<span id="current-user"></span>！
                        <span id="user-role" class="role-badge"></span>
                    </span>
                    <div class="user-actions">
                        <button id="admin-panel-btn" class="admin-btn" style="display: none;">管理面板</button>
                        <button id="logout-btn">退出登录</button>
                    </div>
                </div>
                <h2>🎮 选择游戏</h2>
                <p class="menu-subtitle">选择你喜欢的游戏开始挑战吧！</p>
                <div class="game-grid">
                    <div class="game-card" data-game="tetris">
                        <div class="game-icon">🧩</div>
                        <h3>俄罗斯方块</h3>
                        <p>经典的俄罗斯方块游戏</p>
                        <button>开始游戏</button>
                    </div>
                    <div class="game-card" data-game="match3">
                        <div class="game-icon">💎</div>
                        <h3>消消乐</h3>
                        <p>三消益智游戏</p>
                        <button>开始游戏</button>
                    </div>
                    <div class="game-card" data-game="minesweeper">
                        <div class="game-icon">💣</div>
                        <h3>扫雷</h3>
                        <p>经典扫雷游戏</p>
                        <button>开始游戏</button>
                    </div>
                    <div class="game-card" data-game="snake">
                        <div class="game-icon">🐍</div>
                        <h3>贪吃蛇</h3>
                        <p>控制蛇吃食物长大</p>
                        <button>开始游戏</button>
                    </div>
                    <div class="game-card" data-game="flappy">
                        <div class="game-icon">🐦</div>
                        <h3>飞翔小鸟</h3>
                        <p>点击屏幕控制小鸟飞翔</p>
                        <button>开始游戏</button>
                    </div>
                    <div class="game-card" data-game="memory">
                        <div class="game-icon">🧠</div>
                        <h3>记忆翻牌</h3>
                        <p>翻开卡片找到相同图案</p>
                        <button>开始游戏</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 管理员面板 -->
        <div id="admin-panel" class="screen">
            <div class="admin-container">
                <div class="admin-header">
                    <button id="back-to-menu-admin">返回菜单</button>
                    <h2>管理员面板</h2>
                </div>

                <div class="admin-tabs">
                    <button class="tab-btn active" data-tab="overview">总览</button>
                    <button class="tab-btn" data-tab="users">用户管理</button>
                    <button class="tab-btn" data-tab="games">游戏数据</button>
                    <button class="tab-btn" data-tab="leaderboards">排行榜</button>
                    <button class="tab-btn" data-tab="analytics">数据分析</button>
                </div>

                <!-- 总览标签页 -->
                <div id="overview-tab" class="tab-content active">
                    <h3>📊 平台总览</h3>
                    <div class="overview-grid">
                        <div class="overview-card users-card">
                            <div class="card-icon">👥</div>
                            <div class="card-content">
                                <h4>用户统计</h4>
                                <div class="stat-row">
                                    <span>总用户数:</span>
                                    <span id="overview-total-users">0</span>
                                </div>
                                <div class="stat-row">
                                    <span>活跃用户:</span>
                                    <span id="overview-active-users">0</span>
                                </div>
                                <div class="stat-row">
                                    <span>今日新增:</span>
                                    <span id="overview-new-users">0</span>
                                </div>
                            </div>
                        </div>

                        <div class="overview-card games-card">
                            <div class="card-icon">🎮</div>
                            <div class="card-content">
                                <h4>游戏统计</h4>
                                <div class="stat-row">
                                    <span>总游戏数:</span>
                                    <span>6</span>
                                </div>
                                <div class="stat-row">
                                    <span>游戏记录:</span>
                                    <span id="overview-game-sessions">0</span>
                                </div>
                                <div class="stat-row">
                                    <span>最受欢迎:</span>
                                    <span id="overview-popular-game">俄罗斯方块</span>
                                </div>
                            </div>
                        </div>

                        <div class="overview-card activity-card">
                            <div class="card-icon">📈</div>
                            <div class="card-content">
                                <h4>活动统计</h4>
                                <div class="stat-row">
                                    <span>今日游戏:</span>
                                    <span id="overview-today-games">0</span>
                                </div>
                                <div class="stat-row">
                                    <span>平均时长:</span>
                                    <span id="overview-avg-time">5分钟</span>
                                </div>
                                <div class="stat-row">
                                    <span>在线用户:</span>
                                    <span id="overview-online-users">1</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="quick-stats">
                        <h4>🏆 今日最佳成绩</h4>
                        <div class="today-best">
                            <div class="best-item">
                                <span class="game-name">🧩 俄罗斯方块:</span>
                                <span id="today-best-tetris">暂无记录</span>
                            </div>
                            <div class="best-item">
                                <span class="game-name">🐍 贪吃蛇:</span>
                                <span id="today-best-snake">暂无记录</span>
                            </div>
                            <div class="best-item">
                                <span class="game-name">🐦 飞翔小鸟:</span>
                                <span id="today-best-flappy">暂无记录</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 用户管理标签页 -->
                <div id="users-tab" class="tab-content">
                    <h3>👥 用户管理</h3>
                    <div class="users-controls">
                        <div class="search-box">
                            <input type="text" id="user-search" placeholder="搜索用户...">
                            <button id="search-btn">🔍</button>
                        </div>
                        <div class="filter-options">
                            <select id="user-filter">
                                <option value="all">所有用户</option>
                                <option value="active">活跃用户</option>
                                <option value="inactive">禁用用户</option>
                                <option value="admin">管理员</option>
                            </select>
                        </div>
                    </div>
                    <div class="users-list">
                        <table id="users-table">
                            <thead>
                                <tr>
                                    <th>用户名</th>
                                    <th>角色</th>
                                    <th>注册时间</th>
                                    <th>最后登录</th>
                                    <th>游戏次数</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>

                <!-- 游戏数据标签页 -->
                <div id="games-tab" class="tab-content">
                    <h3>🎮 游戏数据分析</h3>
                    <div class="games-stats-grid">
                        <div class="game-stat-card">
                            <h4>🧩 俄罗斯方块</h4>
                            <div class="game-metrics">
                                <div class="metric">
                                    <span>总游戏数:</span>
                                    <span id="tetris-total-games">0</span>
                                </div>
                                <div class="metric">
                                    <span>平均分数:</span>
                                    <span id="tetris-avg-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>最高分:</span>
                                    <span id="tetris-max-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>活跃玩家:</span>
                                    <span id="tetris-active-players">0</span>
                                </div>
                            </div>
                        </div>

                        <div class="game-stat-card">
                            <h4>💎 消消乐</h4>
                            <div class="game-metrics">
                                <div class="metric">
                                    <span>总游戏数:</span>
                                    <span id="match3-total-games">0</span>
                                </div>
                                <div class="metric">
                                    <span>平均分数:</span>
                                    <span id="match3-avg-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>最高分:</span>
                                    <span id="match3-max-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>完成率:</span>
                                    <span id="match3-completion-rate">0%</span>
                                </div>
                            </div>
                        </div>

                        <div class="game-stat-card">
                            <h4>💣 扫雷</h4>
                            <div class="game-metrics">
                                <div class="metric">
                                    <span>总游戏数:</span>
                                    <span id="minesweeper-total-games">0</span>
                                </div>
                                <div class="metric">
                                    <span>胜率:</span>
                                    <span id="minesweeper-win-rate">0%</span>
                                </div>
                                <div class="metric">
                                    <span>最佳时间:</span>
                                    <span id="minesweeper-best-time">--</span>
                                </div>
                                <div class="metric">
                                    <span>平均时间:</span>
                                    <span id="minesweeper-avg-time">--</span>
                                </div>
                            </div>
                        </div>

                        <div class="game-stat-card">
                            <h4>🐍 贪吃蛇</h4>
                            <div class="game-metrics">
                                <div class="metric">
                                    <span>总游戏数:</span>
                                    <span id="snake-total-games">0</span>
                                </div>
                                <div class="metric">
                                    <span>平均分数:</span>
                                    <span id="snake-avg-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>最高分:</span>
                                    <span id="snake-max-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>平均长度:</span>
                                    <span id="snake-avg-length">0</span>
                                </div>
                            </div>
                        </div>

                        <div class="game-stat-card">
                            <h4>🐦 飞翔小鸟</h4>
                            <div class="game-metrics">
                                <div class="metric">
                                    <span>总游戏数:</span>
                                    <span id="flappy-total-games">0</span>
                                </div>
                                <div class="metric">
                                    <span>平均分数:</span>
                                    <span id="flappy-avg-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>最高分:</span>
                                    <span id="flappy-max-score">0</span>
                                </div>
                                <div class="metric">
                                    <span>通过率:</span>
                                    <span id="flappy-pass-rate">0%</span>
                                </div>
                            </div>
                        </div>

                        <div class="game-stat-card">
                            <h4>🧠 记忆翻牌</h4>
                            <div class="game-metrics">
                                <div class="metric">
                                    <span>总游戏数:</span>
                                    <span id="memory-total-games">0</span>
                                </div>
                                <div class="metric">
                                    <span>完成率:</span>
                                    <span id="memory-completion-rate">0%</span>
                                </div>
                                <div class="metric">
                                    <span>最佳时间:</span>
                                    <span id="memory-best-time">--</span>
                                </div>
                                <div class="metric">
                                    <span>平均步数:</span>
                                    <span id="memory-avg-moves">0</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 排行榜标签页 -->
                <div id="leaderboards-tab" class="tab-content">
                    <h3>🏆 全平台排行榜</h3>
                    <div class="leaderboard-selector">
                        <button class="leaderboard-btn active" data-game="tetris">🧩 俄罗斯方块</button>
                        <button class="leaderboard-btn" data-game="match3">💎 消消乐</button>
                        <button class="leaderboard-btn" data-game="snake">🐍 贪吃蛇</button>
                        <button class="leaderboard-btn" data-game="flappy">🐦 飞翔小鸟</button>
                        <button class="leaderboard-btn" data-game="minesweeper">💣 扫雷</button>
                        <button class="leaderboard-btn" data-game="memory">🧠 记忆翻牌</button>
                    </div>
                    <div class="leaderboard-content">
                        <table id="dynamic-leaderboard-table">
                            <thead id="leaderboard-header">
                                <tr>
                                    <th>排名</th>
                                    <th>用户名</th>
                                    <th>分数</th>
                                    <th>时间</th>
                                    <th>日期</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>

                <!-- 数据分析标签页 -->
                <div id="analytics-tab" class="tab-content">
                    <h3>📈 数据分析</h3>
                    <div class="analytics-grid">
                        <div class="analytics-card">
                            <h4>📅 用户活跃度</h4>
                            <div class="chart-placeholder">
                                <div class="activity-bars">
                                    <div class="bar" style="height: 60%"><span>周一</span></div>
                                    <div class="bar" style="height: 80%"><span>周二</span></div>
                                    <div class="bar" style="height: 45%"><span>周三</span></div>
                                    <div class="bar" style="height: 90%"><span>周四</span></div>
                                    <div class="bar" style="height: 70%"><span>周五</span></div>
                                    <div class="bar" style="height: 95%"><span>周六</span></div>
                                    <div class="bar" style="height: 85%"><span>周日</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="analytics-card">
                            <h4>🎮 游戏热度</h4>
                            <div class="game-popularity">
                                <div class="popularity-item">
                                    <span class="game-name">🧩 俄罗斯方块</span>
                                    <div class="popularity-bar">
                                        <div class="bar-fill" style="width: 85%"></div>
                                    </div>
                                    <span class="percentage">85%</span>
                                </div>
                                <div class="popularity-item">
                                    <span class="game-name">🐍 贪吃蛇</span>
                                    <div class="popularity-bar">
                                        <div class="bar-fill" style="width: 70%"></div>
                                    </div>
                                    <span class="percentage">70%</span>
                                </div>
                                <div class="popularity-item">
                                    <span class="game-name">💎 消消乐</span>
                                    <div class="popularity-bar">
                                        <div class="bar-fill" style="width: 60%"></div>
                                    </div>
                                    <span class="percentage">60%</span>
                                </div>
                                <div class="popularity-item">
                                    <span class="game-name">🐦 飞翔小鸟</span>
                                    <div class="popularity-bar">
                                        <div class="bar-fill" style="width: 45%"></div>
                                    </div>
                                    <span class="percentage">45%</span>
                                </div>
                                <div class="popularity-item">
                                    <span class="game-name">💣 扫雷</span>
                                    <div class="popularity-bar">
                                        <div class="bar-fill" style="width: 40%"></div>
                                    </div>
                                    <span class="percentage">40%</span>
                                </div>
                                <div class="popularity-item">
                                    <span class="game-name">🧠 记忆翻牌</span>
                                    <div class="popularity-bar">
                                        <div class="bar-fill" style="width: 35%"></div>
                                    </div>
                                    <span class="percentage">35%</span>
                                </div>
                            </div>
                        </div>

                        <div class="analytics-card">
                            <h4>⏱️ 游戏时长分布</h4>
                            <div class="time-distribution">
                                <div class="time-item">
                                    <span class="time-range">< 1分钟</span>
                                    <div class="time-bar">
                                        <div class="bar-fill" style="width: 20%"></div>
                                    </div>
                                    <span class="count">20%</span>
                                </div>
                                <div class="time-item">
                                    <span class="time-range">1-5分钟</span>
                                    <div class="time-bar">
                                        <div class="bar-fill" style="width: 45%"></div>
                                    </div>
                                    <span class="count">45%</span>
                                </div>
                                <div class="time-item">
                                    <span class="time-range">5-15分钟</span>
                                    <div class="time-bar">
                                        <div class="bar-fill" style="width: 25%"></div>
                                    </div>
                                    <span class="count">25%</span>
                                </div>
                                <div class="time-item">
                                    <span class="time-range">> 15分钟</span>
                                    <div class="time-bar">
                                        <div class="bar-fill" style="width: 10%"></div>
                                    </div>
                                    <span class="count">10%</span>
                                </div>
                            </div>
                        </div>

                        <div class="analytics-card">
                            <h4>📊 平台健康度</h4>
                            <div class="health-metrics">
                                <div class="health-item">
                                    <span class="metric-name">用户留存率</span>
                                    <div class="metric-value good">78%</div>
                                </div>
                                <div class="health-item">
                                    <span class="metric-name">日活跃度</span>
                                    <div class="metric-value excellent">92%</div>
                                </div>
                                <div class="health-item">
                                    <span class="metric-name">游戏完成率</span>
                                    <div class="metric-value average">65%</div>
                                </div>
                                <div class="health-item">
                                    <span class="metric-name">系统稳定性</span>
                                    <div class="metric-value excellent">99%</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 俄罗斯方块游戏界面 -->
        <div id="tetris-game" class="screen">
            <div class="game-container">
                <div class="game-header">
                    <button id="back-to-menu">返回菜单</button>
                    <h2>俄罗斯方块</h2>
                    <div class="score">得分: <span id="score">0</span></div>
                </div>
                <div class="game-area">
                    <canvas id="tetris-canvas" width="300" height="600"></canvas>
                    <div class="game-info">
                        <div class="next-piece">
                            <h4>下一个</h4>
                            <canvas id="next-canvas" width="80" height="80"></canvas>
                        </div>
                        <div class="game-stats">
                            <p>等级: <span id="level">1</span></p>
                            <p>行数: <span id="lines">0</span></p>
                            <p>最高分: <span id="high-score">0</span></p>
                        </div>
                        <div class="controls">
                            <h4>操作说明</h4>
                            <p>← → 移动</p>
                            <p>↓ 加速下降</p>
                            <p>↑ 旋转</p>
                            <p>空格 暂停</p>
                        </div>
                        <button id="start-game">开始游戏</button>
                        <button id="pause-game">暂停</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 消消乐游戏界面 -->
        <div id="match3-game" class="screen">
            <div class="game-container">
                <div class="game-header">
                    <button id="back-to-menu-match3">返回菜单</button>
                    <h2>消消乐</h2>
                    <div class="score">得分: <span id="match3-score">0</span></div>
                </div>
                <div class="game-area">
                    <canvas id="match3-canvas" width="480" height="480"></canvas>
                    <div class="game-info">
                        <div class="game-stats">
                            <p>目标分数: <span id="target-score">1000</span></p>
                            <p>剩余步数: <span id="moves-left">30</span></p>
                            <p>最高分: <span id="match3-high-score">0</span></p>
                        </div>
                        <div class="controls">
                            <h4>操作说明</h4>
                            <p>点击相邻的宝石交换位置</p>
                            <p>连成3个或以上消除</p>
                            <p>达到目标分数获胜</p>
                        </div>
                        <button id="start-match3">开始游戏</button>
                        <button id="restart-match3">重新开始</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 扫雷游戏界面 -->
        <div id="minesweeper-game" class="screen">
            <div class="game-container">
                <div class="game-header">
                    <button id="back-to-menu-minesweeper">返回菜单</button>
                    <h2>扫雷</h2>
                    <div class="score">时间: <span id="minesweeper-time">0</span>s</div>
                </div>
                <div class="game-area">
                    <div class="minesweeper-board" id="minesweeper-board"></div>
                    <div class="game-info">
                        <div class="game-stats">
                            <p>剩余雷数: <span id="mines-left">10</span></p>
                            <p>最佳时间: <span id="best-time">--</span></p>
                        </div>
                        <div class="difficulty-selector">
                            <h4>难度选择</h4>
                            <button class="difficulty-btn active" data-difficulty="easy">简单 (9x9, 10雷)</button>
                            <button class="difficulty-btn" data-difficulty="medium">中等 (16x16, 40雷)</button>
                            <button class="difficulty-btn" data-difficulty="hard">困难 (16x30, 99雷)</button>
                        </div>
                        <div class="controls">
                            <h4>操作说明</h4>
                            <p>左键点击挖掘</p>
                            <p>右键标记地雷</p>
                            <p>双击快速揭开周围</p>
                            <p>第一次点击保证安全</p>
                            <p>找出所有地雷获胜</p>
                        </div>
                        <button id="start-minesweeper">开始游戏</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 贪吃蛇游戏界面 -->
        <div id="snake-game" class="screen">
            <div class="game-container">
                <div class="game-header">
                    <button id="back-to-menu-snake">返回菜单</button>
                    <h2>贪吃蛇</h2>
                    <div class="score">得分: <span id="snake-score">0</span></div>
                </div>
                <div class="game-area">
                    <canvas id="snake-canvas" width="400" height="400"></canvas>
                    <div class="game-info">
                        <div class="game-stats">
                            <p>长度: <span id="snake-length">1</span></p>
                            <p>最高分: <span id="snake-high-score">0</span></p>
                        </div>
                        <div class="controls">
                            <h4>操作说明</h4>
                            <p>方向键控制移动</p>
                            <p>吃食物增长身体</p>
                            <p>不要撞墙或自己</p>
                        </div>
                        <button id="start-snake">开始游戏</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 飞翔小鸟游戏界面 -->
        <div id="flappy-game" class="screen">
            <div class="game-container">
                <div class="game-header">
                    <button id="back-to-menu-flappy">返回菜单</button>
                    <h2>飞翔小鸟</h2>
                    <div class="score">得分: <span id="flappy-score">0</span></div>
                </div>
                <div class="game-area">
                    <canvas id="flappy-canvas" width="400" height="600"></canvas>
                    <div class="game-info">
                        <div class="game-stats">
                            <p>最高分: <span id="flappy-high-score">0</span></p>
                        </div>
                        <div class="controls">
                            <h4>操作说明</h4>
                            <p>点击屏幕或按空格</p>
                            <p>控制小鸟飞翔</p>
                            <p>避开管道障碍</p>
                        </div>
                        <button id="start-flappy">开始游戏</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 记忆翻牌游戏界面 -->
        <div id="memory-game" class="screen">
            <div class="game-container memory-game-container">
                <div class="game-header">
                    <button id="back-to-menu-memory">返回菜单</button>
                    <h2>记忆翻牌</h2>
                    <div class="score">时间: <span id="memory-time">0</span>s</div>
                </div>
                
                <!-- 控制面板在上方 -->
                <div class="memory-controls-top">
                    <div class="memory-stats-row">
                        <div class="stat-item">
                            <span class="stat-label">翻牌次数:</span>
                            <span class="stat-value" id="memory-moves">0</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-label">最佳时间:</span>
                            <span class="stat-value" id="memory-best-time">--</span>
                        </div>
                    </div>
                    
                    <div class="difficulty-selector">
                        <h4>难度选择</h4>
                        <div class="difficulty-buttons">
                            <button class="difficulty-btn active" data-difficulty="easy">简单 (4x4)</button>
                            <button class="difficulty-btn" data-difficulty="medium">中等 (6x6)</button>
                            <button class="difficulty-btn" data-difficulty="hard">困难 (8x8)</button>
                        </div>
                    </div>
                </div>
                
                <!-- 游戏区域 -->
                <div class="memory-game-area">
                    <div class="memory-board-container">
                        <div class="memory-board" id="memory-board"></div>
                    </div>
                    
                    <div class="memory-side-panel">
                        <div class="controls">
                            <h4>🎮 操作说明</h4>
                            <div class="control-item">
                                <span class="control-icon">👆</span>
                                <span>点击卡片翻开</span>
                            </div>
                            <div class="control-item">
                                <span class="control-icon">🔍</span>
                                <span>找到相同的图案</span>
                            </div>
                            <div class="control-item">
                                <span class="control-icon">🎯</span>
                                <span>全部配对完成获胜</span>
                            </div>
                            <div class="control-item">
                                <span class="control-icon">⚡</span>
                                <span>用时越短分数越高</span>
                            </div>
                        </div>
                        
                        <button id="start-memory" class="start-btn">🚀 开始游戏</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 消息提示 -->
    <div id="message" class="message"></div>

    <script src="js/auth.js"></script>
    <script src="js/tetris.js"></script>
    <script src="js/match3.js"></script>
    <script src="js/minesweeper.js"></script>
    <script src="js/snake.js"></script>
    <script src="js/flappy.js"></script>
    <script src="js/memory.js"></script>
    <script src="js/admin.js"></script>
    <script src="js/main.js"></script>
</body>

</html>